<template>
  <div class="date-picker--arrow" style="position: relative;width: 1.1rem;height: 1.1rem;margin-left:0.5rem;">
    <!--   :style="{'visibility': visible == 'none'?'hidden':''}" -->
    <!-- <i class="el-icon-edit" @click.capture.stop.prevent="$emit('arrow')" @mouseup.stop.prevent @mousedown.stop.prevent></i> -->
    <img
      :src="$store.state.imgurlsel"
      style="width: 1.1rem;height: 1.1rem;position: absolute;top: 0;right: 0;"
      @click.capture.stop.prevent="$emit('arrow')"
      @mouseup.stop.prevent
      @mousedown.stop.prevent
    />
  </div>
</template>

<script>
export default {
  name: "ArrowButton",
  data() {
    return {
      // arrowIcon: $store.state.imgurlsel,
      visible: "none",
      transform: false,
    };
  },
  watch:{
    // imgurlsel(newVAL,oldVal){
    //  console.log(newVal, oldVal,'newVal, oldVal')
    //  if(newVal){
    //   this.arrowIcon = require('@/assets/imgs/rotate.png')
    //  }else{
    //   this.arrowIcon = require('@/assets/imgs/yellowdownsanjiao.png')
    //  }
    // }
  },
  mounted() {},
  methods: {
    show() {
      this.visible = "";
    },
    hide() {
      this.visible = "none";
    },
  },
};
</script>
